
.alert {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px;
  background: rgba(0,0,0,0);
  z-index: 100;
}
.page {
  height: 100%;
  &-bg{
    margin-bottom: 30px;
    height: 238px;
    background:url("../../asset/img/bg_Login.png");
    background-size: 100% 100%;
  }
  .title {
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    margin-top: 200px;
    margin-left: 20px;
    display: inline-block;
  }
}
.login-form {
  padding: 0 20px;
  &-pho{
    background: url("../../asset/img/icon_phone.png") center;
    background-size: 100% 100%;
    height: 26px;
    width: 26px;
  }
  &-ver{
    background: url("../../asset/img/icon_verification code.png") center;
    background-size: 100% 100%;
    height: 26px;
    width: 26px;
  }
  :global {
    .am-list {
      .am-input-label-5{
        width: inherit;
      }
      .am-input-label{
        margin-right: 8px;
      }
      .am-list-item {
        padding-left: 0;
        height: 54px;
      }

      .am-list-line {
        padding-right: 0;
      }

      .am-list-body {
        &:before, &:after {
          display: none;
        }
      }

      .am-input-extra {
        min-width: 75px;
        text-align: center;
      }
      .am-list-item.am-input-item {
        padding-left: 0;
      }
    }
  }
}

.login-button {
  margin-top: 40px;
  :global {
    .ant-btn {
      height: 44px;
    }
  }
}

.page-footer {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 28px;
  text-align: center;
  color: #9B9B9B;
  > span {
    color: #1B160C;
  }
}
